<template>
  <div>
    <div class="text">密码修改</div>
    <div class="revise">
      <div class="oldPass">
        <span style="width: 60px">原密码</span>
        <el-input
          type="textarea"
          :rows="1"
          placeholder=""
          v-model="textarea"
          style="372px"
        >
        </el-input>
      </div>
      <div class="newPass">
        <span style="width: 60px">新密码</span
        ><el-input type="textarea" :rows="1" placeholder="" v-model="textarea">
        </el-input>
      </div>
      <div class="cPass">
        <span style="width: 80px">重复密码</span
        ><el-input type="textarea" :rows="1" placeholder="" v-model="textarea">
        </el-input>
      </div>
      <el-button type="primary" class="return">保存</el-button>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style>
.return{
    margin-left: 70px;
    margin-top: 90px;
    width: 92px;
height: 38px;
border-radius: 5px;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.text{
   width: 96px;
font-family: Source Han Sans CN;
font-weight: 700;
color: #666666;
font-size: 24px; 
margin-bottom: 20px;
}
.oldPass {
  display: flex;
  width: 372px;
  margin-left: 170px;
  padding-top: 70px;
}
.newPass {
  display: flex;
  width: 372px;
  margin-left: 170px;
  padding-top: 15px;
}
.cPass {
  display: flex;
  width: 385px;
  margin-left: 156px;
  padding-top: 15px;
}
.revise {
  width: 1615px;
  height: 394px;
  background-color: #ffffff;
  border-radius: 5px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.revise > div > span{
  margin-right: 10px;
  line-height: 30px;
}
</style>